<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:stella="http://stella.caelum.com.br/faces2">

	<p:panel id="pnlInfosBasicas" header="#{rsc.label_infosBasicas}"
		toggleable="true" toggleSpeed="500">
		<p:panelGrid columns="4" styleClass="full-width">
			<p:outputLabel value="#{rsc.label_produto}" for="txtNomeProduto"
				styleClass="obrigatorio" />

			<p:outputLabel value="#{rsc.label_codigoFornecedor}"
				for="txtCodFornecedor" />

			<p:outputLabel value="#{rsc.label_custo}" for="txtPrecoCusto"
				styleClass="obrigatorio" />

			<p:outputLabel value="#{rsc.label_precoVenda}" for="txtPrecoVenda"
				styleClass="obrigatorio" />

			<p:inputText label="#{rsc.label_produto}" id="txtNomeProduto"
				maxlength="150" title="#{rsc.label_produto}" size="18"
				value="#{manterProdutoBean.entidade.nome}" />

			<p:inputText label="#{rsc.label_produto}" id="txtCodFornecedor"
				maxlength="150" title="#{rsc.label_produto}" size="18"
				value="#{manterProdutoBean.entidade.codigoFornecedor}" />

			<p:inputText value="#{manterProdutoBean.entidade.custo}"
				styleClass="moeda" converter="bigDecimalConverter" size="18"
				id="txtPrecoCusto">
				<p:ajax event="blur" update=":growl"
					listener="#{manterProdutoBean.validarLucroPercentual}" />
			</p:inputText>

			<p:inputText value="#{manterProdutoBean.entidade.precoVenda}"
				converter="bigDecimalConverter" size="18" id="txtPrecoVenda"
				styleClass="moeda">
				<p:ajax event="blur" update=":growl"
					listener="#{manterProdutoBean.validarLucroPercentual}" />
			</p:inputText>
		</p:panelGrid>
		<p:panelGrid columns="4" columnClasses="four-columns"
			styleClass="full-width">

			<p:panelGrid columns="1" styleClass="full-width">
				<p:outputLabel value="#{rsc.label_numeroCFOP}" for="txtCFOP" />
				<p:inputText label="#{rsc.label_numeroCFOP}" id="txtCFOP" size="10"
					title="#{rsc.label_numeroCFOP}" styleClass="numerico4"
					value="#{manterProdutoBean.entidade.cfop}" />

			</p:panelGrid>

			<p:panelGrid columns="1" rendered="#{p:ifGranted('MANTER_MARCA')}">
				<p:outputLabel value="#{rsc.label_marca}" for="acMarca" />
				<p:autoComplete id="acMarca" dropdown="true" maxlength="100"
					forceSelection="true" size="10"
					value="#{manterProdutoBean.entidade.marca}"
					converter="entidadeConverter" teste="teste" itemLabel="#{m.nome}"
					itemValue="#{m}" var="m"
					completeMethod="#{manterProdutoBean.carregarMarcas}">
				</p:autoComplete>

			</p:panelGrid>

			<p:panelGrid columns="1" rendered="#{p:ifGranted('MANTER_SETOR')}">
				<p:outputLabel value="#{rsc.label_setor}" for="acSetor" />
				<p:autoComplete id="acSetor" dropdown="true" maxlength="100"
					forceSelection="true" size="10"
					value="#{manterProdutoBean.entidade.setor}"
					converter="entidadeConverter" itemLabel="#{v.nome}"
					itemValue="#{v}" var="v"
					completeMethod="#{manterProdutoBean.carregarSetores}" />

			</p:panelGrid>

			<p:panelGrid columns="1" rendered="#{p:ifGranted('MANTER_LINHA')}">
				<p:outputLabel value="#{rsc.label_linha}" for="acLinha" />
				<p:autoComplete id="acLinha" dropdown="true" maxlength="100"
					forceSelection="true" size="10"
					value="#{manterProdutoBean.entidade.linha}"
					converter="entidadeConverter" itemLabel="#{v.nome}"
					itemValue="#{v}" var="v"
					completeMethod="#{manterProdutoBean.carregarLinhas}" />

			</p:panelGrid>

			<p:panelGrid columns="1" rendered="#{p:ifGranted('MANTER_COLECAO')}">
				<p:outputLabel value="#{rsc.label_colecao}" for="acColecao" />
				<p:autoComplete id="acColecao" dropdown="true" maxlength="100"
					forceSelection="true" size="10"
					value="#{manterProdutoBean.entidade.colecao}"
					converter="entidadeConverter" itemLabel="#{v.nome}"
					itemValue="#{v}" var="v"
					completeMethod="#{manterProdutoBean.carregarColecoes}" />

			</p:panelGrid>

			<p:panelGrid columns="1" rendered="#{p:ifGranted('MANTER_COR')}">
				<p:outputLabel value="#{rsc.label_cor}" for="acCor" />
				<p:autoComplete id="acCor" dropdown="true" maxlength="100" size="10"
					forceSelection="true" value="#{manterProdutoBean.entidade.cor}"
					converter="entidadeConverter" itemLabel="#{v.nome}"
					itemValue="#{v}" var="v"
					completeMethod="#{manterProdutoBean.carregarCores}" />
			</p:panelGrid>

			<p:panelGrid columns="1" rendered="#{p:ifGranted('MANTER_TAMANHO')}">
				<p:outputLabel value="#{rsc.label_tamanho}" for="acTamanho" />
				<p:autoComplete id="acTamanho" dropdown="true" maxlength="100"
					forceSelection="true" size="10"
					value="#{manterProdutoBean.entidade.tamanho}"
					converter="entidadeConverter" itemLabel="#{v.nome}"
					itemValue="#{v}" var="v"
					completeMethod="#{manterProdutoBean.carregarTamanhos}" />
			</p:panelGrid>

			<p:panelGrid columns="1" rendered="#{p:ifGranted('MANTER_UNIDADE')}">
				<p:outputLabel value="#{rsc.label_unidade}" for="acUnidade" />
				<p:autoComplete id="acUnidade" dropdown="true" maxlength="100"
					forceSelection="true" size="10"
					value="#{manterProdutoBean.entidade.unidade}"
					converter="entidadeConverter" itemLabel="#{v.nome}"
					itemValue="#{v}" var="v"
					completeMethod="#{manterProdutoBean.carregarUnidades}" />
			</p:panelGrid>

			<p:panelGrid columns="1">
				<p:outputLabel value="#{rsc.label_ativo}" for="chkAtivo" />

				<p:selectBooleanCheckbox label="#{rsc.label_ativo}" id="chkAtivo"
					title="#{rsc.label_ativo}"
					value="#{manterProdutoBean.entidade.ativo}" />

			</p:panelGrid>

		</p:panelGrid>

	</p:panel>

	<p:watermark value="#{rsc.wm_nomeProduto}" for="txtNomeProduto" />
	<p:watermark value="#{rsc.wm_codigoFornecedor}" for="txtCodFornecedor" />
	<p:watermark value="#{rsc.wm_cfop}" for="txtCFOP" />
	<p:watermark value="#{rsc.wm_marca}" for="acMarca" />
	<p:watermark value="#{rsc.wm_setor}" for="acSetor" />
	<p:watermark value="#{rsc.wm_linha}" for="acLinha" />
	<p:watermark value="#{rsc.wm_colecao}" for="acColecao" />
	<p:watermark value="#{rsc.wm_cor}" for="acCor" />
	<p:watermark value="#{rsc.wm_tamanho}" for="acTamanho" />
	<p:watermark value="#{rsc.wm_unidade}" for="acUnidade" />

</ui:composition>
